<template>
	<view>
		<!-- 地址信息开始 -->
		<view class="bg-blue" style="width: 750upx; height: 320upx;">
			<!-- 返回键开始 -->
			<view class="cu-bar" style="position: fixed;top: 0upx;"> 
			 <view @tap="backpage" class="action cuIcon-back text-white"></view>
			 </view>
			   <!-- 返回键结束 -->
		<view class="justify-center flex">
			<view class="add-info bg-white">
				<view style="font-size: x-large; font-weight: bold;">新民B栋406</view>
				<view style="font-size: smaller;font-weight: 200;">谢 0123465789</view>
				<view style="margin-top: 40upx;" class="justify-between flex">
					<view style="font-weight: bold;">送达时间</view>
					<view style="color: #007AFF; margin-right: 20upx;">约12:24送达</view>
				</view>
			</view>
		</view>
		</view>
		<!-- 地址信息结束 -->
		<!-- 订单信息开始 -->
		<view class="justify-center flex">
			<view class="bg-white costlist-info">
				<view>鸿园</view>
				<!-- 列表项开始 -->
				<view class="flex costlist-item">
					<image src="../../static/roucai/huangmengji.jpg"></image>
					<view style="margin: 0upx 10upx;">
						<view class="justify-between flex" style="width: 450upx;">
							<view>黄焖鸡</view>
							<view style="font-weight: bold;">￥6</view>
						</view>
						<view>*1</view>
					</view>
				</view>
				<!-- 列表项结束 -->
				<!-- 列表项开始 -->
				<view class="flex costlist-item">
					<image src="../../static/mifan/mifan.jpg" mode=""></image>
					<view style="margin: 0upx 10upx;">
						<view class="justify-between flex" style="width: 450upx;">
							<view>米饭</view>
							<view style="font-weight: bold;">￥1</view>
						</view>
						<view>*1</view>
					</view>
				</view>
				<!-- 列表项结束 -->
				<!-- 列表项开始 -->
				<view class="flex costlist-item">
					<view class="justify-between flex" style="width: 550upx;">
						<view>包装费</view>
						<view style="font-weight: bold;">￥1</view>
					</view>
				</view>
				<!-- 列表项结束 -->
			<!-- 列表项开始 -->
			<view class="flex costlist-item" style="border-top: 1upx solid;">
				<view class="justify-between flex" style="width: 550upx;">
					<view></view>
					<view style="font-weight: bold; font-size: 150%;">小计￥7</view>
				</view>
			</view>
			<!-- 列表项结束 -->
			</view>
		</view>
	<!-- 底部结算栏开始 -->
	<view class="heji flex justify-between">
		<view style="font-size: 120%;">合计<text class="text-orange">7</text></view>
		<view>
			<view class="cu-btn bg-gradual-red round">去支付</view>
		</view>
	</view>
	<!-- 底部结算栏结束 -->
	</view>
	<!-- 订单信息结束 -->

</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
        backpage(){
			uni.reLaunch({
				url:"../carteen/hong"
			})
		}
		}
	}
</script>

<style>
	.add-info {
		height: 270upx;
		width: 600upx;
		margin-top: 50upx;
		padding-top: 20upx;
		padding-left: 20upx;

	}

	.costlist-info {
		height: 500upx;
		width: 600upx;
		margin-top: 20upx;
		padding-top: 20upx;
		padding-left: 20upx;
	}

	.costlist-item {
		margin-top: 20upx;
	}

	.costlist-info image {
		height: 100upx;
		width: 100upx;

	}

	.xiaoji {
		font-weight: bold;
		/* margin-left: 10upx; */
        padding-left: 430upx;
		width: 560upx;
		border-top: 1upx solid;
	}

	.heji {
		position: fixed;
		bottom: 1upx;
		width: 750upx;
		height: 100upx;
		background-color: white;
		padding-left: 430upx;

	}
</style>
